
window.onload=function () {
    fullTable(emList);
}
function fullTable(array) {
    let str="";
    array.forEach(n=>{
        str+=`<tr> 
                    <td>${n.code}</td><td>${n.name}</td>
                    <td>${n.money}</td><td>${n.sex}</td>
                    <td><input type="button" value="删除" onclick="del(${n.code})">
                    <input type="button" value="修改" onclick="findById(${n.code})"></td>
                    </tr>`;
    })
    $("data").innerHTML=str;
}
//按id获得对象
function $(id) {
    return document.getElementById(id);
}
function findByName() {
    let nameStr=$("nameTxt").value;
    let newList=emList.filter(n=>n.name.indexOf(nameStr)!=-1);
    fullTable(newList);
}

function del(code) {
   let index=emList.findIndex(n=>n.code==code);
   emList.splice(index,1);
   fullTable(emList);
}

function showAddDiv() {
    $("addDiv").style.visibility="visible";

}

function add() {
    if (checkInput()==false){
        return;
    }
    let obj={code:$("codeTxt").value,
        name:$("eNameTxt").value,
        money:$("moneyTxt").value,
        sex:$("sexTxt").value}
    emList.push(obj);
    fullTable(emList);
    $("addDiv").style.visibility="hidden";
}


function update() {
    let emObj=emList.find(n=>n.code==$("codeSpan").innerHTML);
    emObj.money=parseInt($("updateMoneyTxt").value);
    fullTable(emList);
    $("updateDiv").style.visibility="hidden";
}
function findById(code) {

    let emObj=emList.find(n=>n.code==code);
    $("codeSpan").innerHTML=emObj.code;
    $("nameSpan").innerHTML=emObj.name;
    $("updateMoneyTxt").value=emObj.money;
    $("sexSpan").innerHTML=emObj.sex;
    $("updateDiv").style.visibility="visible";
}
let isSort=ture;
function sortEmployee(sortName) {
    if (isSort){
        emList.sort((a,b)=>b[sortName]-a[sortName]);
    }else {
        emList.sort((a,b)=>a[sortName]-b[sortName]);
    }
    isSort=!isSort;
    fullTable(emList);
}


// function checkAdd() {
//     var rexp=/^[a-zA-Z\u4e00-\u9fa5]{2,}$/;
//     if (rexp.test($("userName").value)){
//         $("nameSpan").innerHTML="验证通过";
//         $("nameSpan").style.color="green";
//     }
//     else {
//         $("nameSpan").innerHTML="姓名必须为两位以上的字母或汉字";
//         $("nameSpan").style.color="red";
//     }
// }
function checkName() {
     let isPass= checkForElement(/^[a-zA-Z\u4e00-\u9fa5]{2,}$/,'nameTxt','nameErrorSpan','名字不合法')
}
function checkCode() {

}
function checkSex() {

}
function checkMoney() {

}
function checkForElement(rexp,textId,spanId,errorInfo) {
    if (rexp.text($(textId).value)){
        $(spanId).innerHTML="验证通过";
        $(spanId).style.color="green";
    }
    else {
        $(spanId).innerHTML="验证失败";
        $(spanId).style.color="red";
    }
}